<template>
    <div style="padding-top: 59px;">
        <header class="header-box">
            <el-row class="head-main">
                <el-col :span="24">
                    <div class="banner__text-posiation">
                        <h1 class="main-header">技术变现，就在WD外包</h1>
                        <h2 class="banner__subheader">入驻成为平台开发者，我们为您提供适合您专业技能的工作机会，帮您实现技术变现，获取收益</h2>
                        <router-link to="/projectslist" class="addbtn">马上入驻，成为开发商</router-link>
                    </div>
                </el-col>
            </el-row>
        </header>
        <article class="page-content">
            <div class="maxwidth centerauto">
                <!-- 开发者累计变现收益 -->
                <div class="item-box">
                    <!-- 标题 -->
                    <div class="text-center columns">
                        <h2 class="blocks-title">平台数据统计</h2>
                        <h4 class="blocks-sub-title">为您提供超过海量靠谱的项目机会与单天近万元技术</h4>
                    </div>
                    <!-- 内容 -->
                    <div class="item-box-main">
                        <el-row :gutter="10">
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_all_money}}</h3>
                                    <h5 class="title">项目总额</h5>
                                </div>
                            </el-col>
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_all_num}}</h3>
                                    <h5 class="title">项目总数</h5>
                                </div>
                            </el-col>
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_average}}</h3>
                                    <h5 class="title">平均项目单价</h5>
                                </div>
                            </el-col>
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_average_bidding}}</h3>
                                    <h5 class="title">竞标率</h5>
                                </div>
                            </el-col>
                        </el-row>
                        <el-row :gutter="10">
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_all_user}}</h3>
                                    <h5 class="title">累计用户总数</h5>
                                </div>
                            </el-col>
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_top_money}}</h3>
                                    <h5 class="title">最高项目收益</h5>
                                </div>
                            </el-col>
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_top_dyas_money}}</h3>
                                    <h5 class="title">最高单天收益</h5>
                                </div>
                            </el-col>
                            <el-col :span="6" class="shadowB">
                                <div class="text-center income-analysis">
                                    <h3 class="number">{{infoData.s_fast_time}}</h3>
                                    <h5 class="title">最快完成时间</h5>
                                </div>
                            </el-col>
                        </el-row>
                    </div>
                </div>
                <!-- 虚线条 -->
                <el-row>
                    <hr class="dotted">
                </el-row>
                <!-- 服务保障，收益无忧 -->
                <div class="item-box">
                    <!-- 标题 -->
                    <div class="text-center columns-single">
                        <h2 class="blocks-title">服务宗旨，收益无忧</h2>
                    </div>
                    <!-- 内容 -->
                    <div class="item-box-main">
                        <el-row class="item-margintop">
                            <el-col :span="12">
                                <div>
                                    <img src="../assets/images/de_pic01.jpg" alt="" class="item-box-service-img" />
                                </div>
                            </el-col>
                            <el-col :span="12">
                                <div class="item-box-service-box">
                                    <h3 class="item-box-service-title">科技铸就品质，文化弘扬文明</h3>
                                    <h5 class="item-box-service-text">生活的完善离不科技的发现与创新，我们豪情满怀；放眼未来，我们信心百倍并由此迸发出无穷的力量。文化的传承和延续，它包含着与我们生活相关的每一个细节。</h5>
                                </div>
                            </el-col>
                        </el-row>
                        <el-row class="item-margintop">
                            <el-col :span="12">
                                <div class="item-box-service-box">
                                    <h3 class="item-box-service-title">诚信成就辉煌</h3>
                                    <h5 class="item-box-service-text">生活就是奋斗，只有勇于攀登才能创造辉煌；生活就是创新，只有与时俱进才能跟上时代；生活就是付出，只有吃苦流汗才能实现理想；生活就是享受，只有品尝人生才能感知生活的快乐。</h5>
                                </div>
                            </el-col>
                            <el-col :span="12">
                                <div class="text-right">
                                    <img src="../assets/images/de_pic02.jpg" alt="" class="item-box-service-img" />
                                </div>
                            </el-col>
                        </el-row>
                    </div>
                </div>
                <!-- 虚线条 -->
                <el-row>
                    <hr class="dotted">
                </el-row>
                <!-- 更多服务保障 -->
                <div class="item-box">
                    <!-- 标题 -->
                    <div class="text-center  columns-single">
                        <h2 class="blocks-title">更多服务保障</h2>
                        <h4 class="blocks-sub-title">为您的工作机会提供保驾护航</h4>
                    </div>
                    <!-- 内容 -->
                    <div class="item-box-main">
                        <el-row>
                            <el-col :span="6">
                                <div class="text-center income-analysis">
                                    <img src="../assets/images/service-1.png" alt="" />
                                    <h3 class="number small-tit">项目匹配推荐</h3>
                                    <h5 class="title small-txt">让您更有效的获取项目资源</h5>
                                </div>
                            </el-col>
                            <el-col :span="6">
                                <div class="text-center income-analysis">
                                    <img src="../assets/images/service-2.png" alt="" />
                                    <h3 class="number small-tit">客服服务</h3>
                                    <h5 class="title small-txt">7x24小时在线客服</h5>
                                </div>
                            </el-col>
                            <el-col :span="6">
                                <div class="text-center income-analysis">
                                    <img src="../assets/images/service-3.png" alt="" />
                                    <h3 class="number small-tit">认证服务</h3>
                                    <h5 class="title small-txt">优质开发商技能认证</h5>
                                </div>
                            </el-col>
                            <el-col :span="6">
                                <div class="text-center income-analysis">
                                    <img src="../assets/images/service-4.png" alt="" />
                                    <h3 class="number small-tit">更多优质服务</h3>
                                    <h5 class="title small-txt">敬请期待</h5>
                                </div>
                            </el-col>
                        </el-row>
                    </div>
                </div>
                <!-- 虚线条 -->
                <el-row>
                    <hr class="dotted">
                </el-row>

            </div>
        </article>

        <div class="text-center bid-flow-block">
            <router-link to="/projectslist"><el-button type="primary" class="btn-center">马上入驻，成为开发商</el-button></router-link>
            <!-- <el-button type="primary" class="btn-center">优质开发商计划</el-button> -->
        </div>

    </div>
</template>

<script>
    import '../assets/css/developerindex.css';
    export default {
        data(){
            return{
                infoData: {},
            }
        },
        methods: {
            init(){
                var _this = this;

                
                this.$httpGet('/api/index/system/totalNum').then(response => {

                    if(response.code == 200){
                        _this.infoData = response.msg;
                    }

                });
            },
        },
        mounted(){
            this.init();
        },
    }
    
</script>

